<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="./logo.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
    />
    <meta name="keywords" content="JAVA,后端,Vue3" />
    <meta name="description" content="系统模板" />
    <title>AX</title>
    <style>
      body {
        overflow: hidden;
        height: 100vh;
      }

      #app {
        width: 100%;
        height: 100%;
      }

      .welcome__loading {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100vh;
        color: #999;
        width: 100vw;
        position: fixed;
        top: 0;
        left: 0;
        flex-direction: column;
      }

      .welcome__loading .text__linear__gradient {
        background-image: -webkit-linear-gradient(bottom left, #8064ff, #07a6f0, #9307f0);
        -webkit-background-clip: text;
        color: transparent;
        text-align: center;
        font-size: 16px;
        margin-bottom: 12px;
      }

      .welcome__loading .system__subtitle {
        font-size: 12px;
        color: #999;
      }
    </style>
  </head>

  <body>
    <div id="app">
      <div class="welcome__loading">
        <div class="text__linear__gradient">系统模板</div>
        <div class="system__subtitle">正在加载...</div>
      </div>
    </div>
    <script type="module" src="/src/main.ts"></script>
  </body>
</html>
